<template>
  <div>
<!--    导航栏-->
    <headers></headers>
<!--    蓝桥杯比赛-->
    <Divider style="font-size: 18px">蓝桥杯比赛</Divider>
    <h4>报名时间：2020 年 11 月——2021 年 3 月 12 日；省赛时间：2021 年 4 月；决赛时间：2021 年 5 月</h4>
    <div style="margin-top: 20px">
      <Collapse v-model="value1">
        <Panel name="1">
          相关资料
          <p slot="content">
            <a href="https://dasai.lanqiao.cn/" target="_blank">蓝桥杯官网</a><br>
            <a href="https://dasai.lanqiao.cn/pages/dasai/news_detail_w.html?id=1819" target="_blank">技术文档</a>
          </p>
        </Panel>
        <Panel name="2">
          参赛人员
          <div slot="content" style="display: inline-block;">
            <Table border :columns="columns1" :data="data1" style="float: left"></Table>
            <Table border :columns="columns2" :data="data2" ></Table>
          </div>
        </Panel>
        <Panel name="3">
          省赛类型
          <div slot="content" style="display: inline-block">
            <Table border :columns="columns3" :data="data3" ></Table>
          </div>
        </Panel>
        <Panel name="4">
          报名网址和真题链接
          <div slot="content">
            <p><a href="https://dasai.lanqiao.cn/pages/dasai/personal_province_apply.html?key=e75566ae541b90369d2c795b4f085123" target="_blank">报名网址</a></p>
            <p><a href="https://www.lanqiao.cn/courses/2786" target="_blank">蓝桥杯大赛历届真题</a></p>
            <p><a href="https://lx.lanqiao.cn/" target="_blank">蓝桥杯大赛练习题</a></p>
          </div>
        </Panel>
      </Collapse>
    </div>

<!--    服务创新创业比赛-->
    <Divider style="margin-top: 40px;font-size: 18px">第十二届服务创新创业大赛</Divider>
    <h4>1.4号之前需要将自己团队的报名信息交到学校邮箱内，报名及赛题申报阶段(2020年11月30日-2021年1月29日)，初赛作品提交阶段(2021年4月16日-2021年4月22日），区域赛现场答辩与评审(2021年5月下旬，具体时间官网另行通知)</h4>
    <div style="margin-top: 20px">
      <Collapse v-model="value2">
        <Panel name="1">
          相关资料
          <p slot="content">
            <a href="http://www.fwwb.org.cn/" target="_blank">大赛官网</a><br>
          </p>
        </Panel>
        <Panel name="2">
          相关资料
          <div slot="content">
            <p>参赛队1：袁逢春，吴培龙，陈越，刘心怡，孙荣 （A类：冰箱智能体验设计）</p>
            <p>参赛队2：文添，黄琦玮，陈园，孙毅豪，俞佳豪 （A类：基于手势识别的会议控制系统）</p>
          </div>
        </Panel>
      </Collapse>
    </div>

    <!--    博创杯-->
    <Divider style="margin-top: 40px;font-size: 18px">博创杯</Divider>

    <!--    华为杯全国大学生物联网设计大赛-->
    <Divider style="margin-top: 40px;font-size: 18px">华为杯全国大学生物联网设计大赛</Divider>

    <!--    省级大创-->
    <Divider style="margin-top: 40px;font-size: 18px">省级大创</Divider>

    <!--    学院重点毕设-->
    <Divider style="margin-top: 40px;font-size: 18px">学院重点毕设</Divider>

    <!--    底部导航栏-->
    <footers></footers>
  </div>
</template>

<script>
import headers from "../components/headers";
import footers from "../components/footers.vue";
export default {
  name: "LaboratoryCompetition",
  components: {headers,footers},
  data () {
    return {
      value1: '2',
      value2: '2',
      columns1: [
        {
          title: '姓名',
          key: 'name',
          width: 150
        },
        {
          title: '比赛类型',
          key: 'competition',
          width: 150
        },
        {
          title: '专业',
          key: 'profession',
          width: 150
        },
        {
          title: '指导老师',
          key: 'teacher',
          width: 150
        }
      ],
      data1: [
        {
          name: '文添',
          competition: '电子类',
          profession: '物联网181',
          teacher: '孙高飞'
        },
        {
          name: '吴凯',
          competition: '电子类',
          profession: '物联网181',
          teacher: '程宏斌'
        },
        {
          name: '吴培龙',
          competition: '电子类',
          profession: '物联网192',
          teacher: '孙高飞'
        },
        {
          name: '陈泓钰',
          competition: '电子类',
          profession: '物联网192',
          teacher: '孙高飞'
        },
        {
          name: '孙荣',
          competition: '电子类',
          profession: '物联网202',
          teacher: '孙高飞'
        },
        {
          name: '袁逢春',
          competition: '软件类',
          profession: '物联网181',
          teacher: '孙高飞'
        },
        {
          name: '余文汉',
          competition: '软件类',
          profession: '物联网181',
          teacher: '孙高飞'
        }
      ],
      columns2: [
        {
          title: '姓名',
          key: 'name',
          width: 150
        },
        {
          title: '比赛类型',
          key: 'competition',
          width: 150
        },
        {
          title: '专业',
          key: 'profession',
          width: 150
        },
        {
          title: '指导老师',
          key: 'teacher',
          width: 150
        }
      ],
      data2: [
        {
          name: '孙毅豪',
          competition: '软件类',
          profession: '物联网192',
          teacher: '孙高飞'
        },
        {
          name: '陈越',
          competition: '软件类',
          profession: '物联网192',
          teacher: '孙高飞'
        },
        {
          name: '黄琦玮',
          competition: '软件类',
          profession: '物联网192',
          teacher: '孙高飞'
        },
        {
          name: '刘心怡',
          competition: '软件类',
          profession: '软单192',
          teacher: '孙高飞'
        },
        {
          name: '陈园',
          competition: '软件类',
          profession: '软单192',
          teacher: '孙高飞'
        },
        {
          name: '俞佳豪',
          competition: '软件类',
          profession: '物联网202',
          teacher: '孙高飞'
        },
        {
          name: '谢冉',
          competition: '软件类',
          profession: '物联网202',
          teacher: '邢晓双'
        }
      ],
      columns3: [
        {
          title: '电子类',
          key: 'hardware',
          width: 150
        },
        {
          title: '软件类',
          key: 'software',
          width: 150
        }
      ],
      data3: [
        {
          hardware: '单片机设计与开发',
          software: 'C/C++程序设计',
        },
        {
          hardware: '嵌入式设计与开发',
          software: 'Python程序开发',
        },
        {
          hardware: '物联网设计与开发',
          software: 'JAVA软件开发'
        },
      ]
    }
  }
}
</script>

<style scoped>
  a{
    font-size:  16px;
  }
</style>